﻿<html>
<head>
    <title>WE!J</title>

    <script type="text/javascript" src="js/prototype.js"></script>

    <script type="text/javascript" src="js/scriptaculous.js"></script>

    <script type="text/javascript" src="js/proto.menu.0.5.js"></script>

    <link rel="stylesheet" href="seq.css" />
    <link rel="stylesheet" href="patterns.css" />

    <script type="text/javascript" src="common.js"></script>

    <script type="text/javascript" src="patterns.js"></script>

    <script type="text/javascript" src="/api/tracks.js"></script>

    <script type="text/javascript" src="/api/instruments.js"></script>

    <script type="text/javascript" src="/api/editoruis.js"></script>

    <script type="text/javascript" src="/api/deviceuis.js"></script>

    <script type="text/javascript" src="/api/patterns.js"></script>

</head>
<body class="seq" onload="initPatternsView();">
   <div class="headerblock" id="headerblock">
    </div>
    <div class="mainblock">
        <div class="innermainblock">
            <div class="patterneditor-content">
                <div class="fullheight">
                    <div class="grouptop">
                        <ul class="toolbar">
                            <li><big>Patterns</big> </li>
                            <li></li>
                            <li><span>Filter by instrument:</span> </li>
                            <li>
                                <select id="instrumentdropdown" style="width: 100px;" onchange="changeInstrument(event);">
                                </select>
                            </li>
                            <li></li>
                            <li><span><a href="javascript:createNewPattern();">New a pattern</a> </span></li>
                            <li class="last"></li>
                        </ul>
                    </div>
                    <div class="groupbody">
                        <div class="inner">
                            <div id="patterns">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footerblock">
        <span id="statustext"></span>
    </div> <div id="popupmenu">
    </div>
    
</body>
</html>
